<template>
    <div class="layout-padding">
		<vp-card class="h100" body-class="flex h100 w100">
            <vp-tabs v-model="activeName">
                <vp-tab-pane name="list">
                    <template #label><vp-label zh="手册程序" en="Manual" /></template>
                    <list></list>
                </vp-tab-pane>
                <vp-tab-pane name="revision">
                    <template #label><vp-label zh="改版记录" en="Revision Record" /></template>
                    <revision/>
                </vp-tab-pane>
            </vp-tabs>
        </vp-card>
    </div>
</template>
<script setup lang="ts" name="qualityManual">
    import {defineAsyncComponent, ref} from 'vue'
	const list = defineAsyncComponent(() => import('./list.vue'));
	const revision = defineAsyncComponent(() => import('./revision.vue'));

    const activeName = ref("list")
</script>
<style scoped > 
</style>